<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>将爱，放在手指心间</title>
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <meta name="author" content="tanhang">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/m-common.css">
    <link rel="stylesheet" href="css/animation.css">
    <link rel="stylesheet" href="css/swiper-3.3.1.min.css">


</head>
<body>
<div class="loading">
    <div class="background_img"><img src="img/572a0362a3664e013b0002bf.jpg" alt=""></div>
    <div class="loading_heard"><img src="img/1.png" alt="" id="heard_img"></div>
</div>
<div class="music">
    <a href="javaScript:"></a>
</div>
<div class="swiper-container">
<div class="content swiper-wrapper">


    <!--第一页-->
    <div class="section page-1 swiper-slide">
        <div class="background_img"><img src="img/572987bca3664e0f3b000063.jpg" alt=""></div>
        <!--水-->
        <div class="water"><img src="img/572987bda3664e283b000062.png" alt=""></div>
        <div class="water1"><img src="img/572987bda3664e283b000062.png" alt=""></div>
        <div class="hair"><img src="img/57299632a3664e193b0000bc.png" alt=""></div>
        <div class="mother_daugther">
            <img class="hand_breakup" src="img/57299631a3664e283b0000a3.png" alt="">
        </div>
        <div class="mother_daugther">
            <img class="hand" src="img/57299633a3664e273b0000a5.png" alt="">
        </div>
        <div class="title1"><img src="img/57299d62a3664e143b0000ff.png" alt=""></div>
        <div class="title2"><img src="img/57299d62a3664e283b0000d1.png" alt=""></div>
        <div class="title3"><img src="img/57299d62a3664e173b0000cb.png" alt=""></div>
        <div class="hint" id="hint1">
            <p class="cricel"></p>
            <p class="crice2"></p>
            <div class="on_click">
                <img src="img/572b6283a3664eaf290000cb.png" alt="">
            </div>
            <div class="hint_title"><img src="img/572b67a6a3664e97290000df.png" alt=""></div>
        </div>
        <div class="up_arrow page-moveIconUp"><img src="img/572b7f56a3664ea629000123.png" alt=""></div>

    </div>
    <!--第二页-->
    <div class="section page-2 swiper-slide">
        <div class="background_img two_bg"><img src="img/572a0047a3664e093b0002d6.jpg" alt=""></div>
        <div class="head"><img src="img/5729f7baa3664e273b000254.png" alt=""></div>
        <div class="top_arm"><img src="img/5729f668a3664e113b000274.png" alt=""></div>
        <div class="right_arm"><img src="img/5729f668a3664e0c3b000285.png" alt=""></div>
        <div class="gril_arm"><img src="img/5729f668a3664e053b000295.png" alt=""></div>
        <!--那时候-->
        <div class="title4"><img src="img/5729f669a3664e033b0002f1.png" alt=""></div>
        <div class="title5"><img src="img/5729f669a3664e083b0002d6.png" alt=""></div>
        <div class="title6"><img src="img/5729f669a3664e283b000290.png" alt=""></div>
        <div class="heard"><img src="img/5729f669a3664e133b00029d.png" alt=""></div>
        <div class="hint two_hint" id="hint2">
            <p class="cricel"></p>
            <p class="crice2"></p>
            <div class="on_click">
                <img src="img/572b6283a3664eaf290000cb.png" alt="">
            </div>
            <div class="hint_title"><img src="img/572b6861a3664e8e290000d5.png" alt=""></div>
        </div>
        <div class="up_arrow page-moveIconUp"><img src="img/572b7f56a3664ea629000123.png" alt=""></div>
    </div>
    <!--3-->
    <div class="section page-3 swiper-slide">
        <div class="background_img two_bg"><img src="img/572a0ffda3664e163b0002fc.jpg" alt=""></div>
        <div class="send"><img src="img/572a1167a3664e1f3b0002ff.png" alt=""></div>
        <div class="left_arm"><img src="img/572a0ffea3664e043b000391.png" alt=""></div>
        <div class="left_bt_arm"><img src="img/572a0ffea3664e273b0002a5.png" alt=""></div>
        <div class="daugther_arm"><img src="img/572a117ba3664e293b0002bd.png" alt=""></div>
        <!--直到有一天-->
        <div class="title1 three_tit"><img src="img/572a17bfa3664e083b00031c.png" alt=""></div>
        <!--她放开了手-->
        <div class="title2 three_tit"><img src="img/572a17bfa3664efa3a000321.png" alt=""></div>
        <!--成全我们的远方-->
        <div class="title3 three_tit"><img src="img/572a17c0a3664e0c3b0002e1.png" alt=""></div>
        <div class="eye"><img src="img/572a129ea3664e1a3b0002e2.png" alt=""></div>
        <div class="hint three_hint" id="hint3">
            <p class="cricel"></p>
            <p class="crice2"></p>
            <div class="on_click">
                <img src="img/572b6283a3664eaf290000cb.png" alt="">
            </div>
            <div class="hint_title"><img src="img/572a1fa6a3664e233b00033a.png" alt=""></div>
        </div>
        <div class="up_arrow page-moveIconUp"><img src="img/572b7f56a3664ea629000123.png" alt=""></div>
    </div>
    <!--4-->
    <div class="section page-4 swiper-slide">
        <div class="background_img two_bg"><img src="img/572b3627a3664ea72900003e.jpg" alt=""></div>
        <!--然而-->
        <div class="title7"><img src="img/572b3627a3664e8a29000047.png" alt=""></div>
        <!--身在远方的我们-->
        <div class="title8"><img src="img/572b3627a3664e892900005a.png" alt=""></div>
        <!--忽略-->
        <div class="title9"><img src="img/572b3628a3664ea429000045.png" alt=""></div>
        <!--一些关于母亲的事情-->
        <div class="title10"><img src="img/572b3628a3664e9b29000028.png" alt=""></div>
        <div class="up_arrow page-moveIconUp"><img src="img/572b7f56a3664ea629000123.png" alt=""></div>
    </div>
    <!--5-->
    <div class="section page-5 swiper-slide">
        <div class="background_img two_bg"><img src="img/572b3deca3664eaa29000061.jpg" alt=""></div>
        <!--她已经老了-->
        <div class="title11"><img src="img/572b3d89a3664eaa2900005e.png" alt=""></div>
        <!--她真的需要-->
        <div class="title12"><img src="img/572b3d89a3664e8929000078.png" alt=""></div>
        <!--我们的守护-->
        <div class="title13"><img src="img/572b3d8aa3664ea929000063.png" alt=""></div>
        <!--眼睛-->
        <!--<div class="eye_five"><img src="img/572b3d8aa3664eaf29000065.png" alt=""></div>-->
        <div class="eye_five_two"><img src="img/572b3d8aa3664eb029000066.png" alt=""></div>
        <!--被骗图片-->
        <div class="title14"><img src="img/572b3d89a3664ea229000086.png" alt=""></div>
        <div class="up_arrow page-moveIconUp"><img src="img/572b7f56a3664ea629000123.png" alt=""></div>
    </div>
    <!--6-->
    <div class="section page-6 swiper-slide">
        <div class="background_img two_bg"><img src="img/572b4ac2a3664ea2290000a8.jpg" alt=""></div>
        <!--小时候-->
        <div class="title15"><img src="img/572b4ac3a3664e9029000099.png" alt=""></div>
        <!--母亲守护着我们-->
        <div class="title16"><img src="img/572b4ac3a3664ea92900008c.png" alt=""></div>
        <!--如今-->
        <div class="title17"><img src="img/572b4ac3a3664e9b29000077.png" alt=""></div>
        <!--轮到我们来守护她-->
        <div class="title18"><img src="img/572b4ac4a3664ead290000a8.png" alt=""></div>
        <!--。。。。-->
        <div class="title19"><img src="img/572b4ac3a3664e9b29000077.png" alt=""></div>
        <!--优化-->
        <div class="pint_circle1"><img src="img/572b4d9ca3664eac29000067.png" alt=""></div>
        <div class="pint_circle2"><img src="img/572b4d9ca3664eac29000067.png" alt=""></div>
        <div class="to_good">
            <img class="begin" src="img/572b4ac3a3664e8e29000084.png" alt="">
            <img class="end" style="opacity:0" src="img/572b4ac2a3664eac2900005d.png" alt="">
        </div>
        <!--点击-->
        <div class="hint six_hint" id="hint6">
            <p class="cricel"></p>
            <p class="crice2"></p>
            <div class="on_click">
                <img src="img/572b6283a3664eaf290000cb.png" alt="">
            </div>
            <div class="hint_title"><img src="img/572b6967a3664eb129000103.png" alt=""></div>
        </div>
        <div class="up_arrow page-moveIconUp"><img src="img/572b7f56a3664ea629000123.png" alt=""></div>
    </div>
    <!--7-->
    <div class="section page-7 swiper-slide">
        <div class="background_img two_bg"><img src="img/572b5680a3664e9e2900009c.jpg" alt=""></div>
        <!--360手机卫士-->
        <div class="title20"><img src="img/572b5681a3664eb5290000b2.png" alt=""></div>
        <!--手心-->
        <div class="title21"><img src="img/572b5681a3664ea2290000dc.png" alt=""></div>
        <!--远程协助-->
        <div class="title22"><img src="img/572b5681a3664e89290000bd.png" alt=""></div>
        <!--随时随地-->
        <div class="title23"><img src="img/572b5681a3664e0658000013.png" alt=""></div>
        <!--清理垃圾-->
        <div class="title24"><img src="img/572b5681a3664eae2900009f.png" alt=""></div>
         <!--将爱放手心-->
        <div class="title25"><img src="img/572b5682a3664ea1290000ce.png" alt=""></div>
        <!--爱-->
        <div class="title26"><img src="img/572b5682a3664e882900008e.png" alt=""></div>
        <!--手心-->
        <div class="title27"><img src="img/572b5680a3664e962900009d.png" alt=""></div>
        <!--360卫士-->
        <div class="title28"><img src="img/572b5732a3664e9929000094.png" alt=""></div>
        <!--向妈妈告白-->
        <div class="title29"><img src="img/572b5680a3664eb3290000a5.png" alt=""></div>
        <!--立即体验-->
        <div class="title30"><img src="img/572b5680a3664e0458000017.png" alt=""></div>
        <div class="mask"><img src="img/gb.png" alt=""></div>
    </div>
  </div>
</div>
</body>
<script src="js/zepto.min.js"></script>
<script src="js/touch.js"></script>
<script src="js/index.js"></script>
<script src="js/swiper-3.3.1.jquery.min.js"></script>
<script>

</script>
</html>